<template>
  <div class="wrap">
    <!--您现在的位置-->
    <div>
      <h3 class="whead"><span></span>您现在的位置 ： <i>专项监测</i> </h3>
    </div>

    <!--选择各省区、城市-->
    <ul class="selectcity clearfix">
      <li class="fl" style="border-right: none;cursor: pointer;" @click="getdata(0)" :class="type === 0 ? 'active' : ''">各省区市</li>
      <li class="fl" style="border-left: none;cursor: pointer;" @click="getdata(1)" :class="type === 1 ? 'active' : ''">城市</li>
    </ul>
    <!--表格内容-->
    <div class="table">
      <table id="tbCity">
        <thead>
        <tr><th>{{type === 1 ? '城市' : '地区'}}</th>
          <th>信用动态</th>
          <th>政策法规</th>
          <th>信息公示</th>
          <th>联合奖惩</th>
          <th>红名单</th>
          <th>黑名单</th>
          <th>政务诚信</th>
          <!-- <th>信息查询</th>
          <th>修复/退出机制</th> -->
        </tr></thead>
        <tbody id="csjc">
        <tr v-for="item in data" :key="item.id">
          <td class="pro">{{item.locName}}</td>
          <td class="pro">{{item.xydt? item.xydt : '--'}}</td>
          <td class="pro">{{item.zcfg? item.zcfg : '--'}}</td>
          <td class="pro">{{item.xxgs? item.xxgs : '--'}}</td>
          <td class="pro">{{item.lhjc? item.lhjc : '--'}}</td>
          <td class="pro">{{item.hongmd? item.hongmd : '--'}}</td>
          <td class="pro">{{item.heimd? item.heimd : '--'}}</td>
          <td class="pro">{{item.zwcx? item.heimd : '--'}}</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      data: [],
      type: 0
    }
  },
  created () {
    this.getdata(0)
  },
  methods: {
    getdata (type) {
      var self = this
      this.type = type
      this.axios.post(this.api + '/monitor/dataCleanController/findSpecialDetect.do', this.qs.stringify({type: type})).then(function (res) {
        if (res.data.msg === 'success') {
          self.data = res.data.data
        }
      })
    }
  }
}
</script>

<style lang="" scoped>
  @import "../css/specialMonitor.css";
</style>
